<template>
    <div class="zhipu-style">
        <editor-title
            title="AI音效生成"
            tips="是否生成 AI 音效, 默认: False"
            required
        />

        <el-switch
            v-model="value"
            size="large"
            inline-prompt
            active-text="开"
            inactive-text="关"
        />
    </div>
</template>

<script lang="ts" setup>
import { useVModels } from '@vueuse/core'
import editorTitle from '../editor-title.vue'

const emits = defineEmits<{
    (event: 'update:modelValue', value: string): void
}>()

const props = withDefaults(
    defineProps<{
        modelValue: boolean | undefined;
    }>(),
    {}
)

const { modelValue: value } = useVModels(props, emits)
</script>
